<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
			request.setAttribute("basePath", basePath);
			
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<base href="<%=basePath%>">
<title>My JSP 'Index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link type="text/css" rel="stylesheet" href="statics/css/style.css" />
<!--[if IE 6]>
    <script src="js/iepng.js" type="text/javascript"></script>
        <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a'); 
        </script>
    <![endif]-->
<script type="text/javascript"
	src="/EasyBuy/statics/js/jquery-1.11.1.min_044d0927.js"></script>
<script type="text/javascript"
	src="/EasyBuy/statics/js/jquery.bxslider_e88acd1b.js"></script>

<script type="text/javascript"
	src="/EasyBuy/statics/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/EasyBuy/statics/js/menu.js"></script>

<script type="text/javascript" src="/EasyBuy/statics/js/select.js"></script>

<script type="text/javascript" src="/EasyBuy/statics/js/lrscroll.js"></script>

<script type="text/javascript" src="/EasyBuy/statics/js/iban.js"></script>
<script type="text/javascript" src="/EasyBuy/statics/js/fban.js"></script>
<script type="text/javascript" src="/EasyBuy/statics/js/f_ban.js"></script>
<script type="text/javascript" src="/EasyBuy/statics/js/mban.js"></script>
<script type="text/javascript" src="/EasyBuy/statics/js/bban.js"></script>
<script type="text/javascript" src="/EasyBuy/statics/js/hban.js"></script>
<script type="text/javascript" src="/EasyBuy/statics/js/tban.js"></script>

<script type="text/javascript" src="/EasyBuy/statics/js/lrscroll_1.js"></script>

</head>
<script type="text/javascript"
		src="/EasyBuy/statics/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".oneTypes,.oneTypesName").click(function(){
			var id=$(this).attr("title");
			location.href="ConmmodityDetailsServlet?opr=productDetils&id="+id;
		});
		$(".sell_right").html("");
		$.getJSON("SellServlet","opr=sellProductInfos",callBack);
		function callBack(data){
			for(var i=0;i<data.length;i++){
				if(i==0){
					$(".sell_right").append("<div class='sell_1'>"+
					"<div class='s_img'>"+
						"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'><img src='/EasyBuy/statics/images/"+data[i].fileName+"' width='185'"+
							"height='155' /> </a>"+
					"</div>"+
					"<div class='s_price'>"+
						"￥<span>"+data[i].price+"</span>"+
					"</div>"+
					"<div class='s_name'>"+
						"<h2>"+
							"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'>"+data[i].name+"</a>"+
						"</h2>"+
						"倒计时：<span class='day_show'></span>天<span class='hour_show'></span>时<span class='minute_show'></span>分<span class='second_show'></span>秒"+
					"</div>"+
				"</div>");
				}else if(i==1){
					$(".sell_right").append("<div class='sell_2'>"+
					"<div class='s_img'>"+
						"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'><img src='/EasyBuy/statics/images/"+data[i].fileName+"' width='185'"+
							"height='155' /> </a>"+
					"</div>"+
					"<div class='s_price'>"+
						"￥<span>"+data[i].price+"</span>"+
					"</div>"+
					"<div class='s_name'>"+
						"<h2>"+
							"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'>"+data[i].name+"</a>"+
						"</h2>"+
						"倒计时：<span class='day_show'></span>天<span class='hour_show'></span>时<span class='minute_show'></span>分<span class='second_show'></span>秒"+
					"</div>"+
				"</div>");
				}else if(i==2){
					$(".sell_right").append("<div class='sell_b1'>"+
					"<div class='sb_img'>"+
						"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'><img src='/EasyBuy/statics/images/"+data[i].fileName+"' width='242' "+
							"height='356' /> </a>"+
					"</div>"+
					"<div class='s_price'>"+
						"￥<span>"+data[i].price+"</span>"+
					"</div>"+
					"<div class='s_name'>"+
						"<h2>"+
							"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'>"+data[i].name+"</a>"+
						"</h2>"+
						"倒计时：<span class='day_show'></span>天<span class='hour_show'></span>时<span class='minute_show'></span>分<span class='second_show'></span>秒"+
					"</div>"+
				"</div>");
				}else if(i==3){
					$(".sell_right").append("<div class='sell_3'>"+
					"<div class='s_img'>"+
						"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'><img src='/EasyBuy/statics/images/"+data[i].fileName+"' width='185'"+
							"height='155' /> </a>"+
					"</div>"+
					"<div class='s_price'>"+
						"￥<span>"+data[i].price+"</span>"+
					"</div>"+
					"<div class='s_name'>"+
						"<h2>"+
							"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'>"+data[i].name+"</a>"+
						"</h2>"+
						"倒计时：<span class='day_show'></span>天<span class='hour_show'></span>时<span class='minute_show'></span>分<span class='second_show'></span>秒"+
					"</div>"+
				"</div>");
				}else if(i==4){
					$(".sell_right").append("<div class='sell_4'>"+
					"<div class='s_img'>"+
						"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'><img src='/EasyBuy/statics/images/"+data[i].fileName+"' width='185'"+
							"height='155' /> </a>"+
					"</div>"+
					"<div class='s_price'>"+
						"￥<span>"+data[i].price+"</span>"+
					"</div>"+
					"<div class='s_name'>"+
						"<h2>"+
							"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'>"+data[i].name+"</a>"+
						"</h2>"+
						"倒计时：<span class='day_show'></span>天<span class='hour_show'></span>时<span class='minute_show'></span>分<span class='second_show'></span>秒"+
					"</div>"+
				"</div>");
				}else if(i==5){
					$(".sell_right").append("<div class='sell_b2'>"+
					"<div class='sb_img'>"+
						"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'><img src='/EasyBuy/statics/images/"+data[i].fileName+"' width='242' "+
							"height='356' /> </a>"+
					"</div>"+
					"<div class='s_price'>"+
						"￥<span>"+data[i].price+"</span>"+
					"</div>"+
					"<div class='s_name'>"+
						"<h2>"+
							"<a href='SellServlet?opr=sellProductDetils&id="+data[i].id+"'>"+data[i].name+"</a>"+
						"</h2>"+
						"倒计时：<span class='day_show'></span>天<span class='hour_show'></span>时<span class='minute_show'></span>分<span class='second_show'></span>秒"+
					"</div>"+
				"</div>");
				break;
				}
			}
		}
		//倒计时
		var date1=new Date(); //开始时间
		var date2=new Date("2018-10-21 09:09:09"); //结束时间
		var date3=date2.getTime()-date1.getTime(); //时间差的毫秒数
		//计算出相差天数
		var days=Math.floor(date3/(24*3600*1000));
		//计算出小时数
		var leave1=date3%(24*3600*1000); //计算天数后剩余的毫秒数
		var hours=Math.floor(leave1/(3600*1000));
		//计算相差分钟数
		var leave2=leave1%(3600*1000); //计算小时数后剩余的毫秒数
		var minutes=Math.floor(leave2/(60*1000));
		//计算相差秒数
		var leave3=leave2%(60*1000); //计算分钟数后剩余的毫秒数
		var seconds=Math.round(leave3/1000);
		var st=parseInt(days)*24*60*60+parseInt(hours)*60*60+parseInt(minutes)*60+parseInt(seconds);
		var intDiff = parseInt(st); //倒计时总秒数量
		function timer(intDiff) {
 		window.setInterval(function () {
    		var day = 0,
      		hour = 0,
      		minute = 0,
      		second = 0; //时间默认值
    		if (intDiff > 0) {
      			day = Math.floor(intDiff / (60 * 60 * 24));
      			hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
      			minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
      			second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    		}
    		if (minute <= 9) minute = '0' + minute;
    		if (second <= 9) second = '0' + second;
    		$('.day_show').html(day);
    		$('.hour_show').html('<s id="h"></s>' + hour);
   			$('.minute_show').html('<s></s>' + minute);
    		$('.second_show').html('<s></s>' + second);
    		intDiff--;
  		}, 1000);
	}
  	timer(intDiff);
  	//点击化妆品的二级分类
  	$(".huaProduct").click(function(){
  		var id=$(this).attr("name");
  		$.getJSON("ConmmodityListServlet","opr=categoryListTwoNo&id="+id,callBack1);
  		function callBack1(data1){
  			$(".hua").html("");
  			for(var i=0;i<data1.length;i++){
  				$(".hua").append("<li title='"+data1[i].id+"' class='oneTypes'>"+
							"<div class='name'>"+
								"<a href='#'>"+data1[i].name+"</a>"+
							"</div>"+
							"<div class='price'>"+
								"<font>￥<span>"+data1[i].price+"</span></font>&nbsp;"+data1[i].integral+"R"+
							"</div>"+
							"<div class='img'>"+
								"<a><img src='/EasyBuy/statics/images/"+data1[i].fileName+"' width='185'"+
								"height='155'/></a>"+
							"</div>"+
						"</li>");
  			}
  			$(".oneTypes,.oneTypesName").click(function(){
			var id=$(this).attr("title");
			location.href="ConmmodityDetailsServlet?opr=productDetils&id="+id;
		});
  		}
  	});
  	//点击家用商品的二级分类
  	$(".jiaProduct").click(function(){
  		var id=$(this).attr("name");
  		$.getJSON("ConmmodityListServlet","opr=categoryListTwoNo&id="+id,callBack1);
  		function callBack1(data1){
  			$(".jia").html("");
  			for(var i=0;i<data1.length;i++){
  				$(".jia").append("<li title='"+data1[i].id+"' class='oneTypes'>"+
							"<div class='name'>"+
								"<a href='#'>"+data1[i].name+"</a>"+
							"</div>"+
							"<div class='price'>"+
								"<font>￥<span>"+data1[i].price+"</span></font>&nbsp;"+data1[i].integral+"R"+
							"</div>"+
							"<div class='img'>"+
								"<a><img src='/EasyBuy/statics/images/"+data1[i].fileName+"' width='185'"+
								"height='155'/></a>"+
							"</div>"+
						"</li>");
  			}
  			$(".oneTypes,.oneTypesName").click(function(){
			var id=$(this).attr("title");
			location.href="ConmmodityDetailsServlet?opr=productDetils&id="+id;
		});
  		}
  	});
  	//点击电子商品的二级分类
  	$(".dianProduct").click(function(){
  		var id=$(this).attr("name");
  		$.getJSON("ConmmodityListServlet","opr=categoryListTwoNo&id="+id,callBack1);
  		function callBack1(data1){
  			$(".dian").html("");
  			for(var i=0;i<data1.length;i++){
  				$(".dian").append("<li title='"+data1[i].id+"' class='oneTypes'>"+
							"<div class='name'>"+
								"<a href='#'>"+data1[i].name+"</a>"+
							"</div>"+
							"<div class='price'>"+
								"<font>￥<span>"+data1[i].price+"</span></font>&nbsp;"+data1[i].integral+"R"+
							"</div>"+
							"<div class='img'>"+
								"<a><img src='/EasyBuy/statics/images/"+data1[i].fileName+"' width='185'"+
								"height='155'/></a>"+
							"</div>"+
						"</li>");
  			}
  			$(".oneTypes,.oneTypesName").click(function(){
			var id=$(this).attr("title");
			location.href="ConmmodityDetailsServlet?opr=productDetils&id="+id;
		});
  		}
  	});
  	$(".slide_box bxslider>li>img").click(function(){
  		location.href="/EasyBuy/ConmmodityListServlet?opr=categoryList&id=676";
  	});
  		$(".im").click(function() {
			location.href="/EasyBuy/ConmmodityListServlet?opr=category&id=660";	
		});
		$(".gengDuo").click(function(){
			var userId=$(".user").attr("title");
			var loginName=$(".user").text();
			$.getJSON("UserServlet","opr=yanUserName&id="+userId+"&loginName="+loginName,callBackYanUser);
			function callBackYanUser(dataUser){
				if(dataUser=="系统管理员"){
					location.href="/EasyBuy/backend/news/Member_Member.jsp";
				}else{
					location.href="href","/EasyBuy/pre/Index.jsp";
				}
			}
		});
	});
</script>
<body>
<c:if test="${listSelecon==null }">
	<%
		request.getRequestDispatcher("../ConsultationDisplayServlet?opr=selecon").forward(request, response);
	 %>
</c:if>
<c:if test="${list1==null }">
	<%
		request.getRequestDispatcher("../IndexServlet?opr=type&hre=Index").forward(request, response);
	 %>
</c:if>

	<!-- 头部 -->

	<%@ include file="../common/header.jsp"%>
	<%@ include file="../common/preHeader.jsp"%>
	<!--Begin Header Begin-->

	
	<!--End Menu End-->
	<div class="zhongContent">
	<div class="i_bg bg_color">
		<div class="i_ban_bg">
			<!--Begin Banner Begin-->
			<div class="banner">
				<div class="top_slide_wrap">
					<ul class="slide_box bxslider">
						<li><img src="/EasyBuy/statics/images/ban1.jpg" width="740" height="401" class="im"/></li>
						<li><img src="/EasyBuy/statics/images/ban1.jpg" width="740" height="401" class="im"/></li>
						<li><img src="/EasyBuy/statics/images/ban1.jpg" width="740" height="401" class="im"/></li>
					</ul>
					<div class="op_btns clearfix">
						<a href="/EasyBuy/pre/product/CategoryList.jsp" class="op_btn op_prev"><span></span> </a> <a href="/EasyBuy/pre/product/CategoryList.jsp"
							class="op_btn op_next"><span></span> </a>
					</div>
				</div>
			</div>
			<script type="text/javascript">
				var jq = jQuery.noConflict();
				(function() {
					$(".bxslider").bxSlider({
						auto : true,
						prevSelector : jq(".top_slide_wrap .op_prev")[0],
						nextSelector : jq(".top_slide_wrap .op_next")[0]
					});
				})();
			</script>
			<!--End Banner End-->
			<div class="inews">
				<div class="news_t">
					<span class="fr"><a class="gengDuo">更多 </a> </span>新闻资讯
				</div>
				<ul>
					<c:forEach items="${listSelecon }" var="selecon" varStatus="status">
						<c:choose>
							<c:when test="${status.index%2==1 }">
								<li><span>[ 特惠 ]</span><a>${selecon.title }</a></li>
							</c:when>
							<c:otherwise>
								<li><span>[ 公告 ]</span><a>${selecon.title }</a></li>
							</c:otherwise>
						</c:choose>	
					</c:forEach>
				</ul>
				<div class="charge_t">
					话费充值
					<div class="ch_t_icon"></div>
				</div>
				<form>
					<table border="0" style="width:205px; margin-top:10px;"
						cellspacing="0" cellpadding="0">
						<tr height="35">
							<td width="33">号码</td>
							<td><input type="text" value="" class="c_ipt" /></td>
						</tr>
						<tr height="35">
							<td>面值</td>
							<td><select class="jj" name="city">
									<option value="0" selected="selected">100元</option>
									<option value="1">50元</option>
									<option value="2">30元</option>
									<option value="3">20元</option>
									<option value="4">10元</option>
							</select> <span style="color:#ff4e00; font-size:14px;">￥99.5</span>
							</td>
						</tr>
						<tr height="35">
							<td colspan="2"><input type="submit" value="立即充值"
								class="c_btn" /></td>
						</tr>
					</table>
				</form>
			</div>
		</div>
		<!--Begin 热门商品 Begin-->
		<div class="content mar_10">
			<div class="h_l_img">
				<div class="img">
					<img src="/EasyBuy/statics/images/l_img.jpg" width="188" height="188" />
				</div>
				<div class="pri_bg">
					<span class="price fl">￥53.00</span> <span class="fr">16R</span>
				</div>
			</div>
			<div class="hot_pro">
				<div id="featureContainer">
					<div id="feature">
						<div id="block">
							<div id="botton-scroll">
								<ul class="featureUL">
									<li class="featureBox">
										<div class="box">
											<div class="h_icon">
												<img src="/EasyBuy/statics/images/hot.png" width="50" height="50" />
											</div>
											<div class="imgbg">
												<a href="ConmmodityListServlet?opr=categoryList&id=548"><img src="/EasyBuy/statics/images/hot1.jpg" width="160"
													height="136" /> </a>
											</div>
											<div class="name">
												<a href="ConmmodityListServlet?opr=categoryList&id=548">
													<h2>德国进口</h2> 德亚全脂纯牛奶200ml*48盒 </a>
											</div>
											<div class="price">
												<font>￥<span>189</span> </font> &nbsp; 26R
											</div>
										</div>
									</li>
									<li class="featureBox">
										<div class="box">
											<div class="h_icon">
												<img src="/EasyBuy/statics/images/hot.png" width="50" height="50" />
											</div>
											<div class="imgbg">
												<a href="ConmmodityListServlet?opr=categoryList&id=628"><img src="/EasyBuy/statics/images/hot2.jpg" width="160"
													height="136" /> </a>
											</div>
											<div class="name">
												<a href="ConmmodityListServlet?opr=categoryList&id=628">
													<h2>iphone 6S</h2> Apple/苹果 iPhone 6s Plus公开版 </a>
											</div>
											<div class="price">
												<font>￥<span>5288</span> </font> &nbsp; 25R
											</div>
										</div>
									</li>
									<li class="featureBox">
										<div class="box">
											<div class="h_icon">
												<img src="/EasyBuy/statics/images/hot.png" width="50" height="50" />
											</div>
											<div class="imgbg">
												<a href="ConmmodityListServlet?opr=categoryList&id=654"><img src="/EasyBuy/statics/images/hot3.jpg" width="160"
													height="136" /> </a>
											</div>
											<div class="name">
												<a href="ConmmodityListServlet?opr=categoryList&id=654">
													<h2>倩碧特惠组合套装</h2> 倩碧补水组合套装8折促销 </a>
											</div>
											<div class="price">
												<font>￥<span>368</span> </font> &nbsp; 18R
											</div>
										</div>
									</li>
									<li class="featureBox">
										<div class="box">
											<div class="h_icon">
												<img src="/EasyBuy/statics/images/hot.png" width="50" height="50" />
											</div>
											<div class="imgbg">
												<a href="ConmmodityListServlet?opr=categoryList&id=681"><img src="/EasyBuy/statics/images/hot4.jpg" width="160"
													height="136" /> </a>
											</div>
											<div class="name">
												<a href="ConmmodityListServlet?opr=categoryList&id=681">
													<h2>品利特级橄榄油</h2> 750ml*4瓶装组合 西班牙原装进口 </a>
											</div>
											<div class="price">
												<font>￥<span>280</span> </font> &nbsp; 30R
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<a class="h_prev" href="javascript:void();">Previous</a> <a
							class="h_next" href="javascript:void();">Next</a>
					</div>
				</div>
			</div>
		</div>
		<!--Begin 限时特卖 Begin-->
		<div class="i_t mar_10">
			<span class="fl">限时特卖</span> <span class="i_mores fr"><a
				href="/EasyBuy/pre/product/Sell.jsp">更多</a> </span>
		</div>
		<div class="content">
			<div class="i_sell">
				<div id="imgPlay">
					<ul class="imgs" id="actor">
						<li><a href="/EasyBuy/pre/product/Sell.jsp"><img src="/EasyBuy/statics/images/tm_r.jpg" width="211"
								height="357" /> </a></li>
						<li><a href="/EasyBuy/pre/product/Sell.jsp"><img src="/EasyBuy/statics/images/tm_r.jpg" width="211"
								height="357" /> </a></li>
						<li><a href="/EasyBuy/pre/product/Sell.jsp"><img src="/EasyBuy/statics/images/tm_r.jpg" width="211"
								height="357" /> </a></li>
					</ul>
					<div class="previ">上一张</div>
					<div class="nexti">下一张</div>
				</div>
			</div>
			<div class="sell_right">
				
			</div>
		</div>
		<!--End 限时特卖 End-->
		<div class="content mar_20">
			<img src="/EasyBuy/statics/images/mban_1.jpg" width="1200" height="110" />
		</div>
		<!--Begin 化妆品 Begin-->
		<div class="i_t mar_10">
			<span class="floor_num">1F</span> <span class="fl">化妆品</span> <span class="i_mores fr">
				<c:forEach items="${twoCosmetics }" var="twoCosmetic">
					<a class="huaProduct" name="${twoCosmetic.id }">${twoCosmetic.name }</a>&nbsp; &nbsp;
				</c:forEach>
			</span>
		</div>
		<div class="content">
			<div class="fresh_left">
				<div class="fre_ban">
					<div id="imgPlay1">
						<ul class="imgs" id="actor1">
							<li><a href="ConmmodityListServlet?opr=category&id=548"><img src="/EasyBuy/statics/images/fre_r.jpg" width="211"
									height="286" /> </a></li>
							<li><a href="ConmmodityListServlet?opr=category&id=548"><img src="/EasyBuy/statics/images/fre_r.jpg" width="211"
									height="286" /> </a></li>
							<li><a href="ConmmodityListServlet?opr=category&id=548"><img src="/EasyBuy/statics/images/fre_r.jpg" width="211"
									height="286" /> </a></li>
						</ul>
						<div class="prevf">上一张</div>
						<div class="nextf">下一张</div>
					</div>
				</div>
				<div class="fresh_txt">
					<div class="fresh_txt_c">
						<c:forEach items="${twoCosmetics }" var="twoCosmetic">
					<a class="huaProduct" name="${twoCosmetic.id }">${twoCosmetic.name }</a>&nbsp; &nbsp;
				</c:forEach>
					</div>
				</div>
			</div>
			<div class="fresh_mid">
				<ul class="hua">
					<c:forEach items="${listCosmetics }" var="cosmetics">
						<li title="${cosmetics.id }" class="oneTypes">
							<div class="name">
								<a class="oneTypesName">${cosmetics.name }</a>
							</div>
							<div class="price">
								<font>￥<span>${cosmetics.price }</span></font>&nbsp;${cosmetics.integral }R
							</div>
							<div class="img">
								<a><img src="/EasyBuy/statics/images/${cosmetics.fileName }" width="185"
								height="155"/></a>
							</div>
						</li>
					</c:forEach>
					
				</ul>
			</div>
			<div class="fresh_right">
				<ul>
					<li><a href="ConmmodityListServlet?opr=category&id=548"><img src="/EasyBuy/statics/images/fre_b1.jpg" width="260"
							height="220" /> </a></li>
					<li><a href="ConmmodityListServlet?opr=category&id=548"><img src="/EasyBuy/statics/images/fre_b2.jpg" width="260"
							height="220" /> </a></li>
				</ul>
			</div>
		</div>
		<!--End 化妆品 End-->
		<!--Begin 家用电品 Begin-->
		<div class="i_t mar_10">
			<span class="floor_num">2F</span> <span class="fl">家用电品</span> <span
				class="i_mores fr">
				<c:forEach items="${twoHouse }" var="twoHost">
					<a class="jiaProduct" name="${twoHost.id }">${twoHost.name }</a>&nbsp; &nbsp;
				</c:forEach></span>
		</div>
		<div class="content">
			<div class="food_left">
				<div class="food_ban">
					<div id="imgPlay2">
						<ul class="imgs" id="actor2">
							<li><a href="ConmmodityListServlet?opr=category&id=628"><img src="/EasyBuy/statics/images/food_r.jpg" width="211"
									height="286" /> </a></li>
							<li><a href="ConmmodityListServlet?opr=category&id=628"><img src="/EasyBuy/statics/images/food_r.jpg" width="211"
									height="286" /> </a></li>
							<li><a href="ConmmodityListServlet?opr=category&id=628"><img src="/EasyBuy/statics/images/food_r.jpg" width="211"
									height="286" /> </a></li>
						</ul>
						<div class="prev_f">上一张</div>
						<div class="next_f">下一张</div>
					</div>
				</div>
				<div class="fresh_txt">
					<div class="fresh_txt_c">
						<c:forEach items="${twoHouse }" var="twoHost">
					<a class="jiaProduct" name="${twoHost.id }">${twoHost.name }</a>
				</c:forEach>
					</div>
				</div>
			</div>
			<div class="fresh_mid">
				<ul class="jia">
					<c:forEach items="${listHouse }" var="house">
						<li title="${house.id }" class="oneTypes">
							<div class="name">
								<a class="oneTypesName">${house.name }</a>
							</div>
							<div class="price">
								<font>￥<span>${house.price }</span></font>&nbsp;${house.integral }R
							</div>
							<div class="img">
								<a><img src="/EasyBuy/statics/images/${house.fileName }" width="185"
								height="155"/></a>
							</div>
						</li>
					</c:forEach>
				</ul>
			</div>
			<div class="fresh_right">
				<ul>
					<li><a href="ConmmodityListServlet?opr=category&id=628"><img src="/EasyBuy/statics/images/food_b1.jpg" width="260"
							height="220" /> </a></li>
					<li><a href="ConmmodityListServlet?opr=category&id=628"><img src="/EasyBuy/statics/images/food_b2.jpg" width="260"
							height="220" /> </a></li>
				</ul>
			</div>
		</div>
		<!--End 家用商品End-->
		<!--Begin 电子品 Begin-->
		<div class="i_t mar_10">
			<span class="floor_num">3F</span> <span class="fl">电子品</span> <span
				class="i_mores fr">
				<c:forEach items="${twoElectronic }" var="twoElectron">
					<a class="dianProduct" name="${twoElectron.id }">${twoElectron.name }</a>&nbsp; &nbsp;
				</c:forEach></span>
		</div>
		<div class="content">
			<div class="make_left">
				<div class="make_ban">
					<div id="imgPlay3">
						<ul class="imgs" id="actor3">
							<li><a href="ConmmodityListServlet?opr=category&id=670"><img src="/EasyBuy/statics/images/make_r.jpg" width="211"
									height="286" /> </a></li>
							<li><a href="ConmmodityListServlet?opr=category&id=670"><img src="/EasyBuy/statics/images/make_r.jpg" width="211"
									height="286" /> </a></li>
							<li><a href="ConmmodityListServlet?opr=category&id=670"><img src="/EasyBuy/statics/images/make_r.jpg" width="211"
									height="286" /> </a></li>
						</ul>
						<div class="prev_m">上一张</div>
						<div class="next_m">下一张</div>
					</div>
				</div>
				<div class="fresh_txt">
					<div class="fresh_txt_c">
						<c:forEach items="${twoElectronic }" var="twoElectron">
					<a class="dianProduct" name="${twoElectron.id }">${twoElectron.name }</a>
				</c:forEach>
					</div>
				</div>
			</div>
			<div class="fresh_mid">
				<ul class="dian">
					<c:forEach items="${listElectronic }" var="electronic">
						<li title="${electronic.id }" class="oneTypes">
							<div class="name">
								<a class="oneTypesName">${electronic.name }</a>
							</div>
							<div class="price">
								<font>￥<span>${electronic.price }</span></font>&nbsp;${electronic.integral }R
							</div>
							<div class="img">
								<a><img src="/EasyBuy/statics/images/${electronic.fileName }" width="185"
								height="155"/></a>
							</div>
						</li>
					</c:forEach>
				</ul>
			</div>
			<div class="fresh_right">
				<ul>
					<li><a href="ConmmodityListServlet?opr=category&id=670"><img src="/EasyBuy/statics/images/make_b1.jpg" width="260"
							height="220" /> </a></li>
					<li><a href="ConmmodityListServlet?opr=category&id=670"><img src="/EasyBuy/statics/images/make_b2.jpg" width="260"
							height="220" /> </a></li>
				</ul>
			</div>
		</div>
		<!--End 电子品 End-->
		<div class="content mar_20">
			<img src="/EasyBuy/statics/images/mban_1.jpg" width="1200" height="110" />
		</div>
		<!--Begin 猜你喜欢 Begin-->
		<div class="i_t mar_10">
			<span class="fl">猜你喜欢</span>
		</div>
		<div class="like">
			<div id="featureContainer1">
				<div id="feature1">
					<div id="block1">
						<div id="botton-scroll1">
							<ul class="featureUL">
								<li class="featureBox">
									<div class="box">
										<div class="imgbg">
											<a href="/EasyBuy/pre/product/CategoryList.jsp"><img src="/EasyBuy/statics/images/hot1.jpg" width="160"
												height="136" /> </a>
										</div>
										<div class="name">
											<a href="/EasyBuy/pre/product/CategoryList.jsp">
												<h2>德国进口</h2> 德亚全脂纯牛奶200ml*48盒 </a>
										</div>
										<div class="price">
											<font>￥<span>189</span> </font> &nbsp; 26R
										</div>
									</div>
								</li>
								<li class="featureBox">
									<div class="box">
										<div class="imgbg">
											<a href="/EasyBuy/pre/product/CategoryList.jsp"><img src="/EasyBuy/statics/images/hot2.jpg" width="160"
												height="136" /> </a>
										</div>
										<div class="name">
											<a href="/EasyBuy/pre/product/CategoryList.jsp">
												<h2>iphone 6S</h2> Apple/苹果 iPhone 6s Plus公开版 </a>
										</div>
										<div class="price">
											<font>￥<span>5288</span> </font> &nbsp; 25R
										</div>
									</div>
								</li>
								<li class="featureBox">
									<div class="box">
										<div class="imgbg">
											<a href="/EasyBuy/pre/product/CategoryList.jsp"><img src="/EasyBuy/statics/images/hot3.jpg" width="160"
												height="136" /> </a>
										</div>
										<div class="name">
											<a href="/EasyBuy/pre/product/CategoryList.jsp">
												<h2>倩碧特惠组合套装</h2> 倩碧补水组合套装8折促销 </a>
										</div>
										<div class="price">
											<font>￥<span>368</span> </font> &nbsp; 18R
										</div>
									</div>
								</li>
								<li class="featureBox">
									<div class="box">
										<div class="imgbg">
											<a href="/EasyBuy/pre/product/CategoryList.jsp"><img src="/EasyBuy/statics/images/hot4.jpg" width="160"
												height="136" /> </a>
										</div>
										<div class="name">
											<a href="/EasyBuy/pre/product/CategoryList.jsp">
												<h2>品利特级橄榄油</h2> 750ml*4瓶装组合 西班牙原装进口 </a>
										</div>
										<div class="price">
											<font>￥<span>280</span> </font> &nbsp; 30R
										</div>
									</div>
								</li>
								<li class="featureBox">
									<div class="box">
										<div class="imgbg">
											<a href="/EasyBuy/pre/product/CategoryList.jsp"><img src="/EasyBuy/statics/images/hot4.jpg" width="160"
												height="136" /> </a>
										</div>
										<div class="name">
											<a href="/EasyBuy/pre/product/CategoryList.jsp">
												<h2>品利特级橄榄油</h2> 750ml*4瓶装组合 西班牙原装进口 </a>
										</div>
										<div class="price">
											<font>￥<span>280</span> </font> &nbsp; 30R
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<a class="l_prev" href="javascript:void();">Previous</a> <a
						class="l_next" href="javascript:void();">Next</a>
				</div>
			</div>
		</div>
		</div>
		<!--End 猜你喜欢 End-->
		
		<%@ include file="../common/footer.jsp"%>
	
		<!-- 脚部 -->
		</div>
		
</body>
</html>
